<!-- 运单详情样式 -->
<link rel="stylesheet" type="text/css" href="waybill_delivery_detail.css">
<!-- 运单详情内容 -->
<div id="waybill_delivery_detail">
    <h2 class="tab-cont-h2">
        <a href="javascript:;">运单管理</a> &gt; <span>运单列表</span> &gt; <span>运单详情</span>
    </h2>
    <div class="status-bar">
        <div class="status-bar-main">
            <span class="bill-no">标书编号：JSD14837234</span><span class="bill-status">标书状态：完成</span>
        </div>
        <div class="status-bar-cancel">
            如果您的货物有所损坏，或者对运输有不满意之处，可通过点击
            <button type="button" class="btn btn-danger btn-cancel J_btn-cancel">关闭</button>取消此次运输，来维护本公司的权益。
        </div>
    </div>
    <div class="bill-process">
        <table>
            <tr class="process-time">
                <td class="first"></td>
                <td><span>标书结标<br>2014-1-4 00:00:00</span></td>
                <td><span>取货时间<br>2014-1-4 00:00:00</span></td>
                <td><span>标书结标<br>2014-1-4 00:00:00</span></td>
                <td></td>
            </tr>
            <tr>
                <td class="done"><span class="btn btn-primary">标书竞标</span></td>
                <td class="done"><span class="btn btn-primary">等待收货</span><i class="arrow"></i></td>
                <td class="done"><span class="btn btn-primary">运输中</span><i class="arrow"></i></td>
                <td class="done"><span class="btn btn-primary">等待回单</span><i class="arrow"></i></td>
                <td class="todo"><span class="btn btn-primary">回单确定</span><i class="arrow"></i></td>
            </tr>
        </table>
    </div>
    <div class="bill-track">
        <div class="title">运单跟踪</div>
        <div class="wrap">
            <table>
                <tr>
                    <th width="240">处理时间</th>
                    <th width="475">处理信息</th>
                    <th>操作人</th>
                </tr>
                <tr>
                    <td>2014-1-4 00:00:00</td>
                    <td>你提交了标书正在等待系统确认</td>
                    <td>客户</td>
                </tr>
                <tr>
                    <td>2014-1-4 00:00:00</td>
                    <td>你提交了标书正在等待系统确认</td>
                    <td>客户</td>
                </tr>
                <tr>
                    <td>2014-1-4 00:00:00</td>
                    <td>你提交了标书正在等待系统确认</td>
                    <td>客户</td>
                </tr>
                <tr>
                    <td>2014-1-4 00:00:00</td>
                    <td>你提交了标书正在等待系统确认</td>
                    <td>客户</td>
                </tr>
            </table>
        </div>
    </div>
    <div class="bill-detail">
        <div class="title">
            运单详情
        </div>
        <table>
            <tr>
                <td class="key">收货人：</td>
                <td class="value">唐三藏</td>
            </tr>
            <tr>
                <td class="key">收货地址：</td>
                <td class="value">浙江省绍兴市爸爸吧爸爸</td>
            </tr>
            <tr>
                <td class="key">手机号码：</td>
                <td class="value">1873637485</td>
            </tr>
            <tr>
                <td class="key">运费：</td>
                <td class="value">￥12341341</td>
            </tr>
            <tr>
                <td class="key">送达日期：</td>
                <td class="value">2014-1-4</td>
            </tr>
        </table>
    </div>
</div>
<!-- 关闭运单窗口 -->
<div class="modal fade model bill-close-model" id="bill-detail-model" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">运单关闭</h4>
            </div>
            <div class="modal-body">
                <table>
                    <tr>
                        <td class="key"><em>*</em> 关闭原因：</td>
                        <td class="value">
                            <select id="close-reason">
                                <option value="" data-id="110000">第一个原因</option>
                                <option value="" data-id="120000">第二个原因</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="key"><em>*</em> 货物状况：</td>
                        <td class="value">
                            <select id="huowu-status">
                                <option value="" data-id="110000">第一个原因</option>
                                <option value="" data-id="120000">第二个原因</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="key">赔 偿 费：</td>
                        <td class="value">
                            <label class="radio-inline">
                                <input type="radio" class="" data-id="10" name="selection">企业给物流</label>
                            <label class="radio-inline">
                                <input type="radio" class="" data-id="10" name="selection">物流给企业</label>
                            <div class="input-group amount">
                                <div class="input-group-addon">$</div>
                                <input type="text" class="form-control" id="exampleInputAmount" placeholder="">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="key key-top">详情说明：</td>
                        <td class="value">
                            <textarea class="form-control" rows="5"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td class="key">证据上传：</td>
                        <td class="value">
                            
                        </td>
                    </tr>
                    <tr>
                        <td class="key key-middle"><em>*</em> 扣 款：</td>
                        <td class="value">
                            <input type="text" class="form-control" placeholder="">
                        </td>
                    </tr>
                    <tr>
                        <td class="key key-middle"><em>*</em> 联 系 人：</td>
                        <td class="value">
                            <input type="text" class="form-control" placeholder="">
                        </td>
                    </tr>
                    <tr>
                        <td class="key key-middle"><em>*</em> 联系电话：</td>
                        <td class="value">
                            <input type="text" class="form-control" placeholder="">
                        </td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                <button type="button" class="btn cancel btn-primary" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- 运单详情脚本 -->
<script type="text/javascript" src="waybill_delivery_detail.js"></script>
